import React, { Component } from 'react'
import Search from "./components/Search";
import List from "./components/List";

export default class App extends Component {
  state = {// 初始化状态
    users: [], // users初始值为数组
    isFirst: true, // 是否为第一次打开页面
    isLoading: false, // 标识是否处于加载状态
    err: '', //存储请求相关的错误信息
  }  

  saveUsers = (users) => {
    this.setState({users, isFirst: false,})
  }

  updateAppState = (stateObj) => {
    this.setState(stateObj)
  }

  render() {
    return (
      <div className="container">
        <Search updateAppState={this.updateAppState} />
        <List {...this.state}/>
      </div>
    )
  }
}
